<template>
    <div>
        {{ t('route.documentation') }}

        <el-icon :size="20" :color="'black'" @click="testClick">
            <Edit />
        </el-icon>
        <SvgIcon name="test" @click="handleClick"/>
        <Icon icon="bx:bx-home"/>
        <Icon icon="uil:0-plus"/>
    </div>
</template>

<script setup>
import {Edit} from '@element-plus/icons-vue';
import { useI18n } from '@/hooks/usel18n';
import {useLocale} from "@/locales/useLocale";
import SvgIcon from '@/components/Icon/SvgIcon.vue'
import Icon from '@/components/Icon/Icon.vue'
import router from '@/router/index';
import store from '@/store/index';
defineOptions({
  name: "Analysis",
});
const { t } = useI18n();
const { getLocale,changeLocale} = useLocale()
function testClick() {
  changeLocale('en')
}

function handleClick() {
  console.log('handleClick')

  store.dispatch("user/logout");

  setTimeout(() => {
    console.log('router',router.getRoutes())
  }, 0);
}

</script>

<style lang="scss" scoped></style>
